Welcome to Css!

10.04 高斯模糊和饱和度

1、滤镜属性:定义图像的可视效果

filter:属性值

1)    高期模糊:filter:blur(合法的尺寸单位)

默认值是0,值越大,图像越模糊

不能设置成百分比

2)饱和度设置:filter:saturate(百分比)

默认值是100%,图像不变0%时图像会变成黑白图像

值可以超过100%,有更高的饱和度。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>css</title>

<style type="text/css">

img{

filter:blur(2px)

}

</style>

</head>

<body>

<img src="css7.03.01.png" width="100" alt="">

</body>

</html>

返回值:

img{

filter:saturate(0%)

}